<script lang="ts">
    import HorizontalBar from "../../../components/HorizontalBar/HorizontalBarString.svelte";

    export let devicesDetail: any = {};
</script>

<div class="basis-3/5 flex flex-col h-[80%] my-auto">
    <div class="basis-1/5">
        <HorizontalBar
            label="转速"
            barOffset={100}
            value={devicesDetail.rev}
            total={200}
            unit="%"
            type="yellow"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="关节角度1"
            barOffset={100}
            value={devicesDetail.one}
            total={200}
            unit="度"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="关节角度2"
            barOffset={100}
            value={devicesDetail.two}
            total={200}
            unit="度"
            type="yellow"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="关节角度3"
            barOffset={100}
            value={devicesDetail.three}
            total={200}
            unit="度"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="关节角度4"
            barOffset={100}
            value={devicesDetail.four}
            total={200}
            unit="度"
            type="yellow"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="关节角度5"
            barOffset={100}
            value={devicesDetail.five}
            total={200}
            unit="度"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="关节角度6"
            barOffset={100}
            value={devicesDetail.six}
            total={200}
            unit="度"
            type="yellow"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="最大负载"
            barOffset={100}
            value={devicesDetail.maxLoad}
            total={200}
            unit="kg"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="最大作业范围"
            barOffset={100}
            value={devicesDetail.workRange}
            total={200}
            unit="m"
            type="yellow"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="最大工作半径"
            barOffset={100}
            value={devicesDetail.workRadius}
            total={200}
            unit="mm"
        />
    </div>
    <div class="basis-1/5">
        <HorizontalBar
            label="温度"
            barOffset={100}
            value={devicesDetail.temperature}
            total={200}
            unit="℃"
            type="yellow"
        />
    </div>
</div>
